<html>
	<head>
		<title>whl</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			div{
				height: 100vh;
			}
			.word{
				background: #ccc;
				font-size: 30px;
			}
			
			.img.one{
				background-image: url(assets/img/1.jpg);
			}
			.img.two{
				background-image: url(assets/img/2.jpg);
			}
			.img.three{
				background-image: url(assets/img/3.jpg);
			}
			.img{
				background-attachment: fixed;
				background-size: cover;
				background-position: center center;
			}
		</style>
	</head>
	<body>
		<div class="word"></div>
		<div class="img one"></div>
		<div class="word"></div>
		<div class="img two"></div>
		<div class="word"></div>
		<div class="img three"></div>
		<div class="word"></div>
	</body>
	<script type="text/javascript">
//		function timeout(ms) {
//			return new Promise((resolve) => {
//  			setTimeout(resolve, ms);
//			});
//		}
//
//		async function asyncPrint(value, ms) {
//		 	
//		  await timeout(ms);
//		  console.log(value);
//		}
//
//		asyncPrint('hello world', 5000);
//		
//		var num1=5;
//		var num2=num1;
//		num1=6;
//		//alert('num1: '+num1+' num2: '+num2)
//		var obj1=new Object();
//		var obj2=obj1;
//		obj1.name="hello";
//		alert(obj2.name)
		
//		function setName(obj){
//			obj.name="hello";
//			obj=new Object();
//			obj.name="world";
//		}
//		var person=new Object();
//		setName(person);
//		alert(person.name);
        
	</script>
</html>